<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="zh-CN" class="no-js">
<head>
  <meta charset="UTF-8">
    <title>用户后台</title>
    <%@include file="/WEB-INF/jsp/common/component/head.jsp"%>
</head>
<body class="  ">
<div id="wrap">
  <div id="top">
      <%@include file="/WEB-INF/jsp/common/component/navbar.jsp"%>
  </div><!-- /#top -->

  <div id="left">
    <%@include file="/WEB-INF/jsp/common/component/userMessage.jsp"%>
    <%@include file="/WEB-INF/jsp/common/component/menu.jsp"%>
  </div><!-- /#left -->
  <div class="content" >
    <div class="inner  dk" style="background-image: url(${ctx}/assets/img/tpmo/bg.jpg);background-size: cover">
      <form class="form-horizontal" role="form">
        <div class="form-group">                                                                               <!--页头-->
          <div class="col-sm-12 ">
            <div class="page-header">
              <h1 style="font-family: '微软雅黑'">修书 <small style="color: rgb(22,22,22)">update your book information</small></h1>
            </div>
          </div>
        </div>
        -------------------------------------
        <div class="form-group " >                                                                            <!--上传书籍图片-->
          <label for="upload" class="col-sm-2 control-label">书籍图片</label>
          <div class="col-sm-6 ">
            <input id="upload" type="file" multiple name="file">
          </div>
        </div>
        -------------------------------------
        <div class="form-group">                                                                             <!--书名-->
          <label for="bookname" class="col-sm-2 control-label">书名</label>
          <div class="col-sm-6 has-warning">
            <input type="text" class="form-control" id="bookname" placeholder="the title of book ">
          </div>
        </div>
        -------------------------------------
        <div class="form-group">                                                                               <!--语言-->
          <label  class="col-sm-2 control-label">语言</label>
          <div class="col-sm-6">
            <div class="checkbox"  >
              <label><input type="checkbox" name="test" >中文&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</label>
              <label><input type="checkbox"  name="test">其他</label>
            </div>
            <%--<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">--%>
          </div>
        </div>
        --------------------------------------
        <div class="form-group">
          <label for="bookmaker" class="col-sm-2 control-label">作者</label>
          <div class=" col-sm-4">
            <input type="text" class="form-control" id="bookmaker" name="bookauthor" placeholder="book author ">
          </div>
        </div>
        ----------------------------------------
        <div class="form-group">
          <label for="isbn" class="col-sm-2 control-label">ISBN</label>
          <div class=" col-sm-4">
            <input type="text" class="form-control" id="isbn" name="ibsnum" placeholder="就是书本条形码下的数字~ ">
          </div>
        </div>
        -----------------------------------------
        <div class="form-group">
          <label for="dtp_input2" class="col-sm-2 control-label">出版时间</label>
          <div class="input-group date  form_date col-sm-4" style="padding-left: 12px" data-date="" data-date-format="yyyy MM dd">
            <input class="form-control" size="16" type="text" value="" readonly >
            <%--<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>--%>
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
          </div>
          <input type="hidden" id="dtp_input2" value="" /><br/>
        </div>
        -----------------------------------------
        <div class="form-group">
          <label for="press" class="col-sm-2 control-label">出版社</label>
          <div class="col-sm-4">
            <input type="text" class="form-control" id="press" name="presss" placeholder="publishing house"/>
          </div>
        </div>
        ------------------------------------------
        <div class="form-group">
          <label for="price" class="col-sm-2 control-label">价格</label>
          <div class="col-sm-4">
            <input type="text" class="form-control" id="price" name="prices" placeholder="人民币~"/>
          </div>
        </div>
        -------------------------------------------
        <div class="form-group">
          <label for="introduce" class="col-sm-2 control-label">介绍</label>
          <div class="col-sm-6">
            <textarea class="form-control" id="introduce" rows="4" placeholder="分享你的愉阅~"></textarea>
          </div>
        </div>
        <br/>
        <br/>
        <div class="form-group">
          <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-lg btn-info" style="width: 500px">Submit</button>
          </div>
        </div>
      </form>
      <br/><br/><br/><br/><br/>
    </div>
  </div><!-- /#content -->
</div><!-- /#wrap -->
<%@include file="/WEB-INF/jsp/common/component/foot.jsp"%>
<div id="footer" style="background-color: rgb(99,55,88)">
  <div class="container">
    <p class="muted credit">ess by ercha_workclass</a> and <a href="http://www.bootcss.com/">bootstrap</a>.</p>
  </div>
</div>
</body>

<script>
  $(function(){
    initFileInput("upload", "/upload");
    $('#upload').on('fileuploaded', function(event, data, previewId, index, reader){
      var response = data.response;
      console.info("response: " + response);
    });
  });
  $('.form_date').datetimepicker({
    language:  'zh-CN',
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0
  });
</script>

</html>